<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API主页</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">

    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">

    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/API-index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head clearfix">

        <h1 class="fl head-logo">
            <a href="#"><img src="../imgs/api-new-logo-white.png" alt=""></a>
        </h1>

        <div class="head-nav">
            <ul>
                <li><a href="../page/home.html">首页</a></li>
                <li class="active"><a href="../page/API-index.html">API</a></li>
                <li><a href="#">云服务</a></li>
                <li><a href="./customer.html">案例</a></li>
                <li><a href="#">开发者</a></li>
            </ul>
        </div>


        <div class="fr mt18 mr30">
            <a class="head-login" href="../page/login.html">登录</a>
            <a class="head-register" href="./register.html">注册有礼</a>
        </div>

    </div>

    <!-- API分类 -->
    <div class="count container">
        <div class="API-head">
            <h2 class="title">API分类</h2>
            <div class="api-link">
             
           </div>

            <div class="subtitle">
                <span>全部</span>
                <div class="subbox">
                    <input type="text" placeholder="身份证实名">
                    <img src="../imgs/magnifier.png" alt="">
                </div>
            </div>
        </div>
        <div class="API-count">
            <ul class="api-list">
          
            </ul>
        <div class="page">
            <a href="">1</a>
            <a href="">2</a>
            <a href="">3</a>
            <a href="">4</a>
            <a href="">5</a>
            <a href="">6</a>
            <a href="">7</a>
            <a href="">8</a>
            <span>……</span>
            <a href="">下一页 ></a>
        </div>
        </div>
    </div>

    <!-- 页尾 -->
    <div class="foot">
        <div class="container">
        <div class="foot-count">
            <ul>
                <li>
                    <h3>联系与支持</h3>
                    <p><a href="">400-882-7715</a></p>
                    <p><a href="">售前咨询</a></p>
                    <p><a href="">客服&售后</a></p>
                    <p><a href="">常见问题</a></p>
                    <p><a href="">极速工单</a></p>
                    <p><a href="">投诉与建议</a></p>
                </li>
                <li>
                    <h3>关于源码</h3>
                    <p><a href="">合作伙伴</a></p>
                    <p><a href="">售前咨询</a></p>
                    <p><a href="">服务条款</a></p>
                    <p><a href="">隐私政策</a></p>
                    <p><a href="">市场合作</a></p>
                    <p><a href="">反商业贿赂声明</a></p>
                </li>
                <li>
                    <h3>快速入口</h3>
                    <p><a href="">400-882-7715</a></p>
                    <p><a href="">API数据</a></p>
                    <p><a href="">黑钻会员</a></p>
                    <p><a href="">新闻动态</a></p>
                    <p><a href="">联系我们</a></p>
                    <p><a href="">加入我们</a></p>
                </li>
                <li>
                    <h3>产品服务</h3>
                    <p><a href="">400-882-7715</a></p>
                    <p><a href="">云监测</a></p>
                    <p><a href="">云查询</a></p>
                    <p><a href="">云助手</a></p>
                    <p><a href="">聚盒子</a></p>
                    <p><a href="">云充值</a></p>
                </li>
                <li>
                    <h3>解决方案</h3>
                    <p><a href="">400-882-7715</a></p>
                    <p><a href="">售前咨询</a></p>
                    <p><a href="">服务条款</a></p>
                    <p><a href="">数字中台</a></p>
                    <p><a href="">慧集：API生命周期管理</a></p>
                    <p><a href="">有赢：助力企业营销</a></p>
                </li>
            </ul>
            <div class="foot-right">
                <h3>微信公众号</h3>
                <p>源码时代</p>
                <img src="../imgs/wechat-white.png" alt="">
            </div>
        </div>
        <div class="foot-foot">
            <p><img src="../imgs/bei2.png">
                <img src="../imgs/bei1.png" alt="">
                增值电信业务经营许可证：蜀B2-20180596 蜀ICP备15006450号-3 营业执照
            </p>
            <p>源码大数据股份有限公司©版权所有</p>
        </div>
    </div>
    </div>

    <!-- 模态框 -->
    <div class="mask">
        <div class="model">
            <img src="../imgs/loginlogo.png" alt="">
            <div class="model-head">
                <p class="model-active" id="userLog">账号登录</p>
                <p>|</p>
                <p id="saoMa">扫码登录</p>
            </div>
                <div class="model-count">
                    <div class="userOn">
                        <p class="icon">
                            <input type="text" placeholder="用户名/手机号/邮箱">
                            <img src="../imgs/clearInput.png" alt="" class="userClose">
                            <span class="one"></span>
                        </p>
                        <p class="icon2">
                            <input type="password" placeholder="密码">
                            <img src="../imgs/clearInput.png" alt="" class="pwdClose">
                            <span class="two"></span>
                        </p>
                        <p class="forget"><a href="">忘记密码</a></p>
                        <p class="btn"><button>登录</button></p>
                        <p class="model-foot">还没有源码账号,&emsp;  <a href="./register.html">立即注册</a>
                            <span>></span></p>
                    </div>
                    <div class="saoOn">
                       <div class="sao-count">
                           <img src="../imgs/103-demo.png" alt="">
                           <p>微信扫码登录</p>
                           <p>未关注源码科技公众号，请先关注后在登录</p>
                       </div>
                       <p class="model-foot">还没有源码账号,&emsp;  <a href="./register.html">立即注册</a>
                        <span>></span></p>
                    </div>
                </div>
        </div>
    </div>

    <!-- 引入当前js -->
    <script src="../js/API-index.js"></script>
</body>

</html>